<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="father">
    <div class="layer01"><img src="images/1.jpg" alt=""></div>
    <div class="layer02"><img src="images/2.jpg" alt=""></div>
    <div class="layer03"><img src="images/cat.jpg" alt=""></div>
    <div class="layer04">浮动的盒子可以向左浮动，也可以向右浮动，知道它的外边缘碰到包含框或另外一个浮动盒子为止</div>
<!--    <div class="clear"></div>-->
</div>
<!--
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>
<p>哇哇哇哇  ii看iii 酷酷酷酷酷酷 酷酷酷酷酷酷酷酷酷</p>-->
</body>
</html>